.pending-payments__list-item.card {
	margin-bottom: 20px;

	.pending-payments__list-item-wrapper {
		display: flex;
	}

	.pending-payments__list-item-details,
	.pending-payments__list-item-plan-icon {
		flex: 1;
	}
}

.pending-payments__list-item-product,
.pending-payments__list-item-payment {
	font-size: $font-body-extra-small;
	line-height: 14px;
	margin-bottom: 4px;
}

.pending-payments__list-item-title {
	color: var( --color-primary );
	display: block;
	font-size: $font-body-small;
	line-height: 1.2em;
	margin: 4px 20px 4px 0;
	overflow: hidden;
	position: relative;
	white-space: nowrap;

	&::after:not( .is-placeholder ) {
		@include long-content-fade();
	}

	@include breakpoint-deprecated( '>480px' ) {
		font-size: 18px;
		max-width: none;
	}
}

.pending-payments__list-item-product {
	color: var( --color-text-subtle );
}

.pending-payments__list-item-payment {
	color: var( --color-neutral-70 );
}

.pending-payments__list-item-actions .button {
	float: right;
	margin-left: 10px;
}
